<template>
   <div>
       <mt-header title="多个按钮">
            <mt-button icon="back">返回</mt-button>
            <mt-butto>关闭</mt-butto>
            <mt-button icon="more" slot="right"></mt-button>
       </mt-header>

       <mt-switch v-model="value"></mt-switch>

       <button @click="handleClose">显示弹出框</button>

       <mt-swipe :auto="4000">
            <mt-swipe-item>1</mt-swipe-item>
            <mt-swipe-item>2</mt-swipe-item>
            <mt-swipe-item>3</mt-swipe-item>
       </mt-swipe>
   </div>
</template>

<script>
// 在js所有变量都需要引入才可以使用
import {Toast} from 'mint-ui';
   export default {
       data() {
       return {
           text: '12',
           value: false
       }
   },
   methods: {
       handleClose(){
           Toast()
       }
   }
 }
</script>

<style>
 
</style>

